<template>
 <div id="html_01">
 <div class="nav"> 
      <van-nav-bar title="比郎" left-text="返回" left-arrow
        @click-left="onClickLeft"
             @click-right="onClickRight"
      >
        <template #right>
          <van-icon name="ellipsis" size="18" />
        </template>
      </van-nav-bar>
    </div>
  <!-- 轮播图 -->
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
     <van-swipe-item><img src="../assets/images/h5页面1/h5页面_1_02.png" alt=""></van-swipe-item>
     <van-swipe-item><img src="../assets/images/h5页面1/h5页面_1_02.png" alt=""></van-swipe-item>
     <van-swipe-item><img src="../assets/images/h5页面1/h5页面_1_02.png" alt=""></van-swipe-item>
     <van-swipe-item><img src="../assets/images/h5页面1/h5页面_1_02.png" alt=""></van-swipe-item>
    </van-swipe>
  <!-- 商品详情图 -->
    <div class="shopShow">
     <img src="../assets/images/h5页面1/h5页面_2_04.png" alt="">
    </div>
  <!-- BILANG -->
    <div class="textLogo">
     <img src="../assets/images/h5页面1/h5页面_3_03.png" alt="">
     <van-divider
      :style="{ color: '#234497', borderColor: '#234497' }"
     >
      专为您定制
     </van-divider>
    </div>
  <!-- 点击领取优惠卷 --> 
    <div class="gets">
      <router-link to='/Html_02'>
         <van-button color="#3154ab">点 击 领 取 现 金 体 验 卷 2 0 0 元</van-button>
      </router-link>
    </div>
 </div>
</template>
<script>
    export default {
      data(){
          return{}
      },
         methods: {
    onClickLeft() {
      
      this.$router.go(-1)
    },
    onClickRight() {
      
    },
  },
    }
</script>
<style lang="less" scoped>
// 轮播图
.my-swipe .van-swipe-item {
    width: 100%;
    height: 750px;
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
    margin-top: 90px;
    img{
        width: 100%;
        height: 100%;
    }
}
//商品详情图
.shopShow{
    width: 150px;
    height: 150px;
    position: relative;
    left: 54px;
    top: -76px;
    img{
        width: 100%;
        height: 100%;
    }
}
// BILANG
.textLogo{
    width: 434px;
    margin: 0 auto;
    line-height: 1;
    img{
        width: 100%;
        // text-align: center;
    }
}
//点击领取优惠卷
.gets{
    width: 604px;
    height: 102px;
    margin: 56px auto;
    button{
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }
}
</style>
